<template>
  <view class="pwd-retrieve-container">
    <view
      :class="i === 0 ? 'background-white' : 'background-white bor-top'"
      v-for="(f, i) in featureList"
      :key="i"
    >
      <view>
        <view class="content"
          >特征属性名称：<text>{{ f.featureName || '--' }}</text></view
        >
      </view>
      <view>
        <view class="content"
          >单位：<text>{{ f.unit || '--' }}</text></view
        >
      </view>
      <view>
        <view class="content"
          >设计值/指标：<text>{{ f.standardValue || '--' }}</text></view
        >
      </view>
    </view>
  </view>
</template>

<script>
export default {
  props: {
    featureList: {
      type: Array,
      default: () => [],
    },
  },
};
</script>

<style lang="scss" scoped>
.pwd-retrieve-container {
  .background-white {
    background-color: #fff;
    padding: 20rpx 30rpx 1rpx 30rpx;

    view {
      padding: 14rpx 0;

      text {
        color: #666666;
        display: inline-block;
        width: 65%;
        vertical-align: top;
      }
    }

    .content {
      display: flex;
      content: 1px solid #d5d7e3;
    }

    .photo {
      display: flex;
      justify-content: space-between;

      image {
        width: 214rpx;
        height: 214rpx;
      }
    }
  }
}

.hidden-title {
  background: #f5f5f5;
  padding: 20rpx;
  color: #999;
}

.bor-top {
  border-top: 20rpx solid #f5f5f5;
}
.content {
  display: flex;
  align-items: center;
}
</style>
